.fl{
  float: left;
}
.fr{
  float: right;
}

body{
  color: #3c3c3c;
  background-color: #f4f4f4;
}

/*更多*/
.icon_ra{
  font-size: 12px;
}
/*清除浮动*/
.clearfix:after{
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

/*动画*/
.a-all{
  transition: all .2s;
}
/*头部*/
.header{
  width: 100%;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
  .container{
    height: 35px;
  }
  .fl>li,
  .fr>li{
    float: left;
  }
  .header_regin{
    color: #000000;
  }
  .header_login{
    color: #f22e00;
  }
  .icon_arrow{
    color: #6C6C6C;
  }
  .icon_car{
    margin-right: 5px;
    color: #f22e00;
  }
  .icon_star{
    margin-right: 5px;
  }
  .icon_menu{
    margin-right: 5px;
    color: #f22e00;
  }
}
.site-nav-hd{
  overflow: hidden;
  position: relative;
  z-index: 1001;
  padding: 0 6px;
  a{
    color: #6C6C6C;
    &:hover {
      color: #f22e00;
    }
  }
  span{
    float: left;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
  }
}
.site-nav-menu-hover{
  .site-nav-hd{
    padding: 0 5px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    background-color: #fff;
  }
  .site-nav-bd{
    display: block;
  }
}
.site-nav-bd{
  position: relative;
  margin-top: -1px;
  z-index: 1000;
  display: none;
  ul.site-nav-bd-list{
    overflow-y: scroll;
  }
  .site-nav-bd-list{
    position: absolute;
    top: 0;
    left: 0;
    max-height: 270px;
    padding: 8px 0;
    border: 1px solid #eee;
    background-color: #fff;
    li{
      width: 242px;
      height: 29px;
      padding-left: 8px;
      line-height: 29px;
      cursor: pointer;
      &:hover{
        background-color: #f4f4f4;
      }
    }
    a{
      display: block;
      padding: 0 5px;
      line-height: 28px;
      color: #6C6C6C;
      white-space: nowrap;
      &:hover{
        background-color: #f4f4f4;
      }
    }
  }
  .site-nav-panel{
    width: 1188px;
    position: absolute;
    top: 0;
    right: 0;
    min-height: 258px;
    border: 1px solid #eee;
    background-color: #fff;
  }
  .site-nav-sitemap{
    float: left;
    width: 25%;
    &:nth-child(1){
      a:hover{
        color: #fff;
        background-color: #f50;
      }
    }
  }
  .site-nav-sitemap-wrap{
    overflow: hidden;
    padding: 5px;
    border-right: 1px solid #eee;
    h4{
      padding: 5px;
      color: #fc4200;
      line-height: normal;
      font-size: 16px;
      font-weight: 600;
    }
    li{
      overflow: hidden;
      float: left;
      width: 24%;
      height: 25px;
      padding-top: 5px;
      a{
        position: relative;
        float: left;
        height: 25px;
        line-height: 25px;
        margin: 0 2px;
        padding: 0 8px;
        border-radius: 2px;
      }
    }
  }
}
.site-nav-pipe{
  height: 35px;
  margin: 0 5px;
  color: #ddd;
  line-height: 35px;
}
.header_mr7{
  margin-right: 7px;
}

.container{
  width: 1190px;
  margin: 0 auto;
}

/*logo 搜索 部分*/
.top{
  width: 100%;
  padding-top: 24px;
  background-color: #fff;
  .container{
    position: relative;
  }
  .logo{
    float: left;
    width: 190px;
    height: 88px;
    margin-top: 8px;
    background: url("../image/logo_taobao.png") no-repeat center top;
  }
  .search{
    position: relative;
    width: 630px;
    margin-left: 258px;
    margin-right: 302px;
  }
  .search-triggers{
    height: 22px;
    .iconfont{
      display: none;
    }
  }
  .search_top{
    margin-left: 17px;
  }
  .search_top li{
    float: left;
    width: 36px;
    height: 22px;
    line-height: 22px;
    color: #f40;
    margin-right: 4px;
    text-align: center;
    cursor: pointer;
    &:hover{
      color: #ff5400;
      background-color: #FFEEE5;
    }
    &.active{
      color: #fff;
      font-weight: 700;
      background-image: linear-gradient(to right, #ff9000 0%, #ff5000 100%);
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
    }
  }
  .search_panel{
    width: 630px;
    height: 40px;
    position: relative;
    .search_panel_inp{
      float: left;
      width: 554px;
      height: 36px;
      background-color: #fff;
      border: 2px solid #ff5000;
      border-right: none;
      border-radius: 20px 0 0 20px;
      input{
        width: 472px;
        height: 24px;
        padding: 6px 0 6px 10px ;
        background: transparent;
      }
      span{
        position: absolute;
        top: 11px;
        left: 30px;
        color: #6C6C6C;
      }
    }
    input[type='button']{
      float: right;
      width: 74px;
      height: 40px;
      font-size: 18px;
      font-weight: 700;
      color: #fff;
      background-image: linear-gradient(to right, #ff9000 0%, #ff5000 100%);
      border-radius: 0 20px 20px 0;
      cursor: pointer;
    }
    .icon_search{
      position: absolute;
      font-size: 16px;
      color: #6C6C6C;
      top: 8px;
      left: 13px;
    }
    .icon_camera{
      position: absolute;
      font-size: 24px;
      color: #6C6C6C;
      top: 2px;
      right: 90px;
    }
  }
  .search_ft {
    overflow: hidden;
    width: 100%;
    padding-top: 5px;
    color: #666;
  }
  .search_ft_goods li{
    float: left;
    margin-right: 8px;
  }
  .qr{
    position: absolute;
    top: 0;
    right: 110px;
    width: 74px;
    height: 88px;
    border: 1px solid #eee;
    text-align: center;
    a span{
      color: #f22e00;
      line-height: 20px;
    }
    a img{
      width: 62px;
      height: 62px;
    }
    &>span{
      position: absolute;
      top: -1px;
      left: -17px;
      width: 14px;
      height: 14px;
      line-height: 15px;
      color: #eee;
      font-size: 12px;
      text-align: center;
      border: 1px solid #eee;
      cursor: pointer;
    }
  }
}
/*fixed 搜索栏部分*/
.wrap-fixed{
  padding-top: 129px;
  .top{
    position: fixed;
    top: 0;
    left: 0;
    height: 40px;
    padding: 7px 0;
    z-index: 2;
    .logo{
      width: 100px;
      height: 33px;
      margin-top: 0;
      background: url("../image/logo_taobao_fixed.png") no-repeat 0 0;
    }
    .search{
      position: relative;
      margin-left: 258px;
      margin-right: 302px;
    }
    .search-triggers{
      overflow: hidden;
      position: absolute;
      width: 74px;
      height: 40px;
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
      background-color: #f4f4f4;
      z-index: 99;
      .iconfont{
        display: block;
        position: absolute;
        top: 7px;
        right: 3px;
        color: #666;
        font-size: 18px;
      }
    }
    .triggers-hover{
      height: auto;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      &:after{
        content: '';
        position: absolute;
        top: 75px;
        left: 7px;
        width: 60px;
        height: 1px;
        background-color: #ffa4a4;
      }
    }
    .search_top{
      width: 74px;
      margin-left: 0;
      li{
        float: none;
        width: 74px;
        height: 38px;
        line-height: 38px;
        color: #000;
        font-weight: 400;
        background: none;
        &:hover{
          color: #ff5000;
          font-weight: 600;
        }
      }
      &:before{
        content: '';
        position: absolute;
        top: 0;
        width: 74px;
        height: 36px;
        border: 2px solid #ff5000;
        border-right: none;
        border-radius: 20px 0 0 20px;
      }
    }
    .search_panel{
      .search_panel_inp{
        input{
          padding-left: 83px;
        }
        span{
          left: 104px;
        }
      }
      .icon_search{
        left: 87px;
      }
    }
    .search_ft {
      display: none;
    }
    .qr{
      display: none;
    }
  }
}


/*导航部分*/
nav{
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  background-image: linear-gradient(to right, #ff9000 0%, #ff5000 100%);
  h2{
    float: left;
    width: 190px;
    font-size: 16px;
    background-color: #ff5000;
  }
  .nav_hd li{
    float: left;
    margin: 0 12px;
    font-size: 16px;
  }
  .nav_bd{
    .pipe{
      font-weight: 500;
      margin-left: 7px;
      margin-right: 0;
      &:before{
        content: '';
      }
    }
    li{
      float: left;
      font-size: 14px;
      margin-left: 12px;
      margin-right: 5px;
    }
    .nav_bd_last a{
      display: block;
      background: url(../image/yunxi.gif) 0 0 no-repeat;
      color: transparent;
    }
  }
  li{
    position: relative;
    a{
      color: #fff;
      font-weight: 700;
    }
    &:before{
      display: none;
      content: '\e605';
      font-family: "iconfont";
      position: absolute;
      top: -21.5px;
      left: 50%;
      margin-left: -12.5px;
      color: #ff5000;
      font-size: 25px;
      font-weight: 400;
    }
    &:hover{
      &:before{
        display: block;
      }
      a{
        color: #fff;
      }
    }
  }
}

/*主体部分*/
.mainbd{
  height: 632px;
}
.main{
  float: left;
  .swiper-button{
    display: none;
  }
}
.main_menu{
  position: relative;
  width: 190px;
  height: 522px;
  float: left;
  background-color: #fff;
  ul{
    border: 1px solid #ff5000;
    border-top: none;
    padding-top: 5px;
    padding-bottom: 3px;
    li{
      position: relative;
      width: 145px;
      height: 32px;
      line-height: 32px;
      padding-left: 25px;
      padding-right: 19px;
      font-size: 14px;
      color: #666;
      &:hover{
        color: #ff5000;
      }
      a{
        color: inherit;
        &:hover{
          color: inherit;
          text-decoration: underline;
        }
      }
      i{
        position: absolute;
        right: 10px;
        top: 0;
      }
    }
  }
  .on{
    background-color: #ffe4dc;
  }
}
.main_core{
  width: 520px;
  height: 512px;
  margin-top: 10px;
  margin-left: 10px;
  float: left;
  overflow: hidden;
  .main_core_banner{
    position: relative;
    height: 280px;
    img{
      width: 520px
    }
    &.swiper-container-horizontal > .swiper-pagination-bullets {
      position: absolute;
      bottom: 13px;
      left: 50%;
      margin-left: -45px;
      height: 13px;
      width: 70px;
      background-color: rgba(255, 255, 255, 0.3);
      border-radius: 10px;
    }
    &.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
      width: 8px;
      height: 8px;
      margin: 3px;
      border-radius: 50%;
      background-color: #fff;
      opacity: 1;
      &.swiper-pagination-bullet-active{
        background-color: #f22e00;
      }
    }
  }
  .swiper-button-prev,
  .swiper-button-next{
    position: absolute;
    width: 20px;
    height: 30px;
    background-image: none;
    background-color: rgba(0,0,0,0.3);
    &:hover{
      background-color: rgba(0,0,0,0.5);
    }
    i{
      line-height: 30px;
      font-size: 14px;
      color: #fff;
    }
  }
  .swiper-button-prev{
    left: 0;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  .swiper-button-next{
    right: 0;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    i{
      margin-left: 6px;
    }
  }
  .main_core_tmall{
    width: 520px;
    height: 230px;
    .tmall_hd{
      height: 18px;
      padding-top: 11px;
      line-height: 18px;
      overflow: hidden;
      span{
        display: block;
        float: left;
        width: 136px;
        height: 19px;
        background-image: url();
        background-repeat: no-repeat;
      }
      em{
        display: block;
        float: left;
        font-size: 12px;
        color: #666;
      }
      strong{
        float: right;
        font-weight: 500;
        color: #666;
        i{
          font-style: normal;
          color: #ff1648;
        }
      }
    }
    .tmall_bd{
      position: relative;
      width: 520px;
      height: 204px;
      background-color: #fff;
      &.swiper-container-horizontal > .swiper-pagination-bullets{
        position: absolute;
        top: 0;
        height: 3px;
      }
      &.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
        display: block;
        float: left;
        width: 33.3%;
        height: 100%;
        margin: 0;
        border-radius: 0;
        background-color: #ff1648;
        opacity: 1;
        &.swiper-pagination-bullet-active{
          background-color: #000;
        }
      }
      img{
        display: inline-block;
        float: left;
        margin: 23px 0 23px 7px;
      }
    }
  }
}
.main_column{
  width: 160px;
  height: 512px;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  .colum-top{
    width: 160px;
    height: 280px;
  }
  .colum-bot{
    width: 160px;
    height: 230px;
    h5{
      line-height: 24px;
      padding-top: 6px;
      font-size: 12px;
      font-weight: 500;
      color: #666;
    }
  }
}
.service-float{
  display: none;
  position: absolute;
  top: 0;
  left: 189px;
  width: 692px;
  height: 518px;
  padding-left: 18px;
  border: 2px solid #f94a14;
  box-shadow: 2px 2px 0 #dcdadb;
  background-color: #fff;
  z-index: 2;
}
.service-links{
  float: left;
  width: 415px;
  height: 490px;
  padding: 10px 12px 0 10px;
}
.service-panel{
  overflow: hidden;
  margin-bottom: 5px;
  font-size: 12px;
  h5{
    position: relative;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #333;
    .more{
      position: absolute;
      font-size: 12px;
      top: 0;
      right: 0;
      font-weight: 400;
    }
  }
  p{
    height: 104px;
    padding-bottom: 33px;
    line-height: 26px;
    a{
      display: inline-block;
      margin-right: 12px;
      color: #666;
      white-space: nowrap;
    }
  }
}
.service-rmd{
  float: left;
  width: 253px;
  height: 498px;
  padding-top: 20px;
  border-left: 1px solid #f4f4f4;
  h3{
    color: #333;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    line-height: 18px;
  }
  .service-rmd-list{
    a{
      display: block;
      float: left;
      width: 97px;
      height: 143px;
      padding: 10px 0 0 20px;
      &:hover h5{
        color: #ff5000;
      }
    }
    .img-wrapper{
      width: 97px;
      height: 97px;
      img{
        width: 97px;
        height: 97px;
      }
    }
    h5{
      overflow: hidden;
      height: 26px;
      line-height: 26px;
      color: #999;
      font-size: 12px;
      font-weight: 400;
    }
  }
}

.main-headline{
  overflow: hidden;
  position: relative;
  margin-top: 10px;
  padding: 14px 14px 12px 20px;
  background-color: #fff;
  .headline-hd{
    float: left;
    width: 180px;
    height: 31px;
    padding-top: 42px;
    background: url("../image/tbheadline.png") 0 14px no-repeat;
    p{
      height: 24px;
      line-height: 24px;
      color: #999;
      font-weight: 400;
    }
  }
  .more{
    position: absolute;
    top: 14px;
    right: 16px;
    color: #999;
  }
  .headline-bd{
    float: left;
    width: 676px;
    height: 73px;
    img{
      float: left;
      width: 130px;
      height: 73px;
      margin-right: 14px;
    }
    h4{
      height: 28px;
      line-height: 28px;
      color: #ff5000;
      font-size: 16px;
      font-weight: 500;
    }
    p{
      height: 36px;
      line-height: 18px;
      color: #999;
      font-size: 14px;
      word-wrap: normal;
      overflow: hidden;
    }
  }
}
.col-right{
  float: right;
  width: 290px;
  margin: 10px 0;
  background-color: #fff;
  .mumber{
    width: 290px;
    height: 132px;
    padding: 3px 0 10px 0;
    background: url("../image/tbmuber_bg.png") no-repeat;
    background-size: 290px 145px;
    text-align: center;
    .mumber-bd{
      width: 100%;
      height: 91px;
      .mumber-avatar{
        width: 74px;
        height: 56px;
        margin: 0 auto;
        a{
          display: inline-block;
          width: 50px;
          height: 50px;
          border: 3px solid #fff;
          border-radius: 50%;
          overflow: hidden;
        }
      }
      .mumber-tjb{
        a{
          position: relative;
          display: inline-block;
          padding: 0 10px 0 20px;
          line-height: 17px;
          background-color:#ffe4db;
          color: #ff5000;
          border-radius: 9px;
          &:last-child{
            margin-left: 2px;
          }
          &:first-child span{
            background: url("../image/mumber_icon.png") 0 -572.5px no-repeat;
          }
          &:last-child span{
            background: url("../image/mumber_icon.png") 0 -527px no-repeat;
          }
          span{
            position: absolute;
            width: 16px;
            height: 16px;
            top: 0;
            left: 0;
          }
        }
      }
    }
    .mumber-ft{
      height: 30px;
      margin-top: 10px;
      .btn-login{
        margin-left: 15px;
        width: 92px;
      }
      a{
        display: block;
        float: left;
        width: 75px;
        height: 25px;
        line-height: 25px;
        margin-right: 7px;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        background: linear-gradient(to right, #ff5000 0%, #ff6f06 100%);
        border-radius: 4px;
      }
    }
  }
  .tipoff{
    background-color: #ffe4dd;
    a{
      position: relative;
      display: block;
      width: 100%;
      height: 26px;
      line-height: 26px;
      color: #ff5000;
      text-align: center;
      span{
        position: absolute;
        right: 55px;
        top: 2px;
        font-size: 12px;
      }
    }
  }
  .notice{
    width: 290px;
    height: 98px;
    padding-top: 10px;
    .notice-hd{
      height: 24px;
      margin: 4px 8px 0;
      li{
        float: left;
        width: 32px;
        margin: 0 11px;
        line-height: 24px;
        text-align: center;
        &.active{
          font-weight: 700;
          border-bottom: 2px solid #f40;
        }
        a{
          color: #3c3c3c;
          &:hover{
            color: #f40;
          }
        }
      }
    }
  }
}
.notice-bd {
  height: 50px;
  margin: 9px 12px 6px;
  li{
    float: left;
    width: 50%;
    height: 25px;
    line-height: 25px;
    &:first-child{
      width: 100%;
      a{
        color: #ff5000;
      }
    }
  }
}
.conve{
  overflow: hidden;
  width: 294px;
  border-top: 1px solid #f4f4f4;
  li{
    float: left;
    width: 70.5px;
    height: 75px;
    border: 1px solid #f4f4f4;
    border-top-color: transparent;
    border-left-color: transparent;
    span{
      display: block;
      width: 24px;
      height: 24px;
      margin: 11px auto 10px;
      background: url("../image/mumber_icon.png") 0 0 no-repeat;
    }
    p{
      text-align: center;
    }
    &:nth-child(2){
      span{
        background: url("../image/mumber_icon.png") 0 -90px no-repeat;
      }
    }
  }
}
.aliapp{
  height: 110px;
  h3 {
    height: 30px;
    padding-left: 14px;
    font-size: 14px;
    line-height: 30px;
    .more{
      float: right;
      margin-right: 16px;
      font-size: 12px;
      font-weight: 400;
    }
  }
  ul{
    height: 84px;
    padding-left: 23px;
  }
  li{
    position: relative;
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 21px;
    margin-bottom: 8px;
    a img{
      width: 32px;
      height: 32px;
    }
  }
}
.app-qr{
  display: none;
  position: absolute;
  top: -110px;
  left: -32px;
  width: 90px;
  height: 102px;
  border: 1px solid #dedede;
  background-color: #fff;
  img {
    display: block;
    width: 66px;
    height: 66px;
    padding: 12px 12px 0;
  }
  p{
    text-align: center;
  }
}

/*内容部分*/
.layer{
  margin-top: 10px;
}
.tbh-belt,
.layer-inner,
.tbh-qiang{
  .mod-hd{
    position: relative;
    margin-top: 19px;
    margin-bottom: 20px;
    padding-left: 20px;
    a{
      float: left;
      display: inline-block;
    }
    .mlogo{
      height: 24px;
      margin-right: 5px;
      float: left;
    }
    span{
      margin-left: 6px;
      font-weight: 300;
      color: #999;
    }
    p{
      height: 24px;
      color: #999;
      font-weight: 400;
      line-height: 24px;
    }
    .tb-fn{
      position: absolute;
      top: 0;
      right: 20px;
      height: 24px;
      line-height: 24px;
      color: #999;
      &>span{
        margin-right: 20px;
      }
      .more{
        color: #999;
        float: none;
      }
    }
  }
}
.tbh-goods em{
  display: block;
  height: 18px;
  line-height: 18px;
  text-align: center;
}
.tbh-belt{
  height: 166px;
  background-color: #fff;
}
.belt-inner{
  overflow: hidden;
  h3{
    height: 24px;
    line-height: 24px;
    a{
      float: left;
      display: inline-block;
      img{
        height: 24px;
        margin-right: 5px;
      }
    }
    span{
      margin-left: 6px;
      font-weight: 300;
      color: #999;
    }
  }
}
.belt-list{
  overflow: hidden;
  padding-left: 20px;
  li{
    float: left;
    width: 192px;
    height: 82px;
    .wrap-img{
      overflow: hidden;
      float: left;
      width: 66px;
      height: 66px;
      padding: 7px;
      border:1px solid #13d0a1;
      border-radius: 50%;
      img{
        width: 66px;
        height: 66px;
      }
    }
    .right{
      padding-left: 91px;
    }
    h4{
      height: 24px;
      margin-top: 6px;
      font-size: 16px;
      font-weight: 500;
    }
    .subtitle{
      height: 22px;
      line-height: 22px;
      font-size: 14px;
      color: #999;
    }
    .extra{
      height: 30px;
      color: #999;
      font-size: 12px;
      line-height: 30px;
      i{
        font-size: 14px;
        color: #13d0a1;
      }
    }
    &:hover .wrap-img{
      border:1px solid #f40;
    }
    &:hover a{
      color: #ff4400;
    }

  }
}
.layer-inner{
  margin-top: 10px;
}

/*有好货，爱逛街*/
/*公共图片容器*/
.img-wrapper{
  background-color: #4f4f4f;
  img {
    display: block;
    opacity: .9;
    transition: all .2s;
    &:hover {
      opacity: .8;
    }
  }
}
.tbh-goods,
.tbh-shopping,
.tbh-shop,
.tbh-live{
  float: left;
  width: 590px;
  background-color: #fff;
  .qr-wrapper{
    position: relative;
    width: 26px;
    height: 24px;
    float: left;
  }
}
.tbh-goods,
.tbh-shopping{
  height: 658px;
}
.tbh-shopping,
.tbh-live{
  margin-left: 10px;
}
.goods-list,
.shopping-list{
  overflow: hidden;
  padding-left: 21px;
  li {
    display: block;
    float: left;
    width: 180px;
    margin: 0 4px 17px 0;
    &.seconds{
      margin-top: 18px;
    }
    img {
      display: block;
      width: 180px;
      height: 180px;
      opacity: .9;
      transition: all .2s;
      &:hover {
        opacity: .8;
      }
    }
  }
}
.goods-list{
  .info{
    padding: 0 4px 0 6px;
    h4{
      overflow: hidden;
      height: 28px;
      margin-top: 5px;
      font-size: 16px;
      font-weight: normal;
      line-height: 28px;
    }
    p{
      overflow: hidden;
      height: 24px;
      color: #999;
      font-size: 14px;
      line-height: 24px;
      &.extra{
        height: 22px;
        line-height: 22px;
        margin-top: 12px;
        color: #35b1ff;
        i{
          margin-right: 4px;
        }
      }
    }
  }
}
.shopping-list{
  .info{
    padding-left: 10px;
  }
  .iconfont{
    float: left;
    margin-top: -4px;
    margin-right: 4px;
    color: #ebebeb;
  }
  .subtitle{
    overflow: hidden;
    height: 44px;
    margin-top: 11px;
    color: #999;
    font-size: 14px;
    line-height: 22px;
  }
  .extra{
    margin-top: 10px;
    .pic-wrapper{
      overflow: hidden;
      float: left;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      img{
        width: 22px;
        height: 22px;
      }
    }
    p{
      height: 22px;
      margin-left: 30px;
      font-size: 12px;
      color: #999;
    }
  }
}

/*淘抢购*/
.tbh-qiang{
  height: 264px;
  margin-top: 20px;
  background-color: #fff;
}
.qiang-inner{
  overflow: hidden;
  .mod-hd{
    position: relative;
    .mlogo{
      height: 22px;
    }
  }
  .countdown-wrapper{
    display: inline-block;
    height: 20px;
    margin-top: 2px;
    color: #ff5000;
    font-weight: 700;
    line-height: 20px;
    i{
      display: inline-block;
      font-style: normal;
      width: 20px;
      height: 20px;
      color: #ff5000;
      text-align: center;
      background-color: #ffe4dc;
    }
  }
}
.qiang-list{
  overflow: hidden;
  //padding: 0;
  li{
    display: block;
    float: left;
    width: 355px;
    padding: 0 20px;
    .img-wrapper{
      float: left;
      width: 180px;
    }
    .info{
      margin-left: 194px;
      h4{
        height: 44px;
        margin-top: 11px;
        font-size: 16px;
        font-weight: 500;
      }
      .title{
        margin-top: 12px;
        line-height: 28px;
        color: #999;
      }
      .progress{
        width: 100%;
        height: 6px;
        border-radius: 3px;
        background-color: #FFE4Dc;
        .progress-bar{
          height: 6px;
          border-radius: 3px;
          background-color: #FE3338;
        }
      }
      .desc{
        height: 28px;
        color: #FE3338;
        line-height: 28px;
        .letter{
          float: right;
        }
      }
      .extra{
        .yan{
          font-size: 12px;
          color: #ff5000;
        }
        .cur{
          font-size: 20px;
          color: #ff5000;
        }
        .price{
          margin-left: 6px;
          color: #999;
          text-decoration: line-through;
        }
      }
    }
  }
}

/*中间插个广告*/
.tbh-innerAD{
  margin-top: 10px;
  height: 70px;
}

/*每日好店，淘宝直播*/
.tbh-shop .mod-hd,
.tbh-live .mod-hd{
  margin-top: 20px;
  margin-bottom: 0;
}
.tbh-live .mod-hd .mlogo{
  height: 21px;
}
.shop-list,
.live-list{
  padding-left: 12px;
  li{
    float: left;
    width: 271px;
    margin-left: 8px;
    padding: 6px 0 20px;
  }
  li:hover .name{
    color: #ff5000;
  }
  .name{
    height: 42px;
    line-height: 42px;
    font-weight: 400;
    color: #333;
    .title{
      font-size: 16px;
    }
    .subtitle{
      margin-left: 6px;
      font-size: 12px;
      color: #999;
    }
  }
  .big-img{
    float: left;
    width: 180px;
    height: 180px;
  }
  .right{
    height: 180px;
    margin-left: 182px;
    .img-wrapper{
      width: 89px;
      height: 89px;
      img{
        width: 89px;
        height: 89px;
      }
    }
  }
  .bot-img{
    margin-top: 2px;
  }
}
.live-list .main-wrapper{
  position: relative;
  float: left;
  width: 180px;
  height: 180px;
  h4{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 42px;
    line-height: 42px;
    padding-left: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,.43));
    span{
      position: relative;
      top: 7px;
      margin-right: 4px;
      font-size: 28px;
      color: #ff2658;
    }
  }
}

.bar-hd{
  position: relative;
  padding-left: 32px;
  margin-top: 5px;
  line-height: 48px;
  font-size: 20px;
  &:before{
    content: "";
    position: absolute;
    top: 16px;
    left: 20px;
    width: 4px;
    height: 16px;
  }
}
.tbh-fashion{
  float: left;
  width: 840px;
  background-color: #fff;
  .fashion-hd:before{
    background-color: #8558d6;
  }
  .fashion-hd{
    color: #AD45Df;
    border-bottom: 1px solid #f4f4f4;
  }
}
.fashion-list{
  .item:hover{
    border-color: #ff5000;
  }
  .item:hover h4{
    color: #ff5000;
  }
  .item{
    float: left;
    width: 278px;
    height: 236px;
    border: 1px solid transparent;
    border-right: 1px solid #f4f4f4;
  }
  .info{
    padding-left: 20px;
    margin-top: 27px;
    h4{
      height: 26px;
      line-height: 26px;
      color: #333;
      font-size: 18px;
      font-weight: 400;
    }
    p{
      height: 22px;
      line-height: 22px;
      color: #999;
    }
  }
  .img-wrapper-outer{
    margin-top: 12px;
    padding-left: 16px;
  }
}
.tb-tanx-wrapper{
  float: right;
  width: 298px;
  height: 248px;
  padding: 20px;
  border: 1px solid #fff;
  background-color: #fff;
  &:hover{
    border-color: #ff5000;
  }
}

/*品质生活家*/
.tbh-quality,
.tbh-special{
  float: left;
  width: 590px;
  height: 768px;
  background-color: #fff;
  .fl{
    width: 294px;
    .img-wrapper-outer{
      width: 254px;
      height: 317px;
      padding: 19px;
      border: 1px solid transparent;
      border-right-color: #f4f4f4;
      &:hover{
        border-color: #ff5000;
      }
      img{
        width: 100%;
        height: 100%;
      }
    }
    .item{
      display: block;
      height: 117px;
      border: 1px solid transparent;
      border-top-color: #f4f4f4;
      border-right-color: #f4f4f4;
      &:hover{
        border-color: #ff5000;
      }
    }
    .item-hd{
      float: left;
      width: 122px;
      padding-left: 40px;
      padding-top: 35px;
      h4{
        height: 26px;
        line-height: 26px;
        color: #333;
        font-size: 18px;
        font-weight: 400;
      }
      p{
        height: 22px;
        line-height: 22px;
        color: #999;
      }
    }
    .item-bd{
      margin-top: 10px;
    }
  }
  .right{
    margin-left: 294px;
    .item{
      padding: 30px 19px;
      height: 176px;
      border: 1px solid transparent;
      border-bottom-color: #f4f4f4;
      &:last-child{
        border-bottom-color: transparent;
      }
      &:hover{
        border-color: #ff5000;
      }
    }
    .item-bd{
      margin-top: 24px;
      img{
        display: block;
        float: left;
      }
      img:last-child{
        margin-left: 15px;
      }
    }
    h4{
      height: 26px;
      line-height: 26px;
      color: #333;
      font-size: 18px;
      font-weight: 400;
    }
    span{
      color: #999;
      font-weight: 400;
      font-size: 12px;
      vertical-align: top;
    }
  }
}
.fashion-hd:before{
  background-color: #28ABFF;
}
.fashion-hd{
  color: #28ABFF;
  border-bottom: 1px solid #f4f4f4;
}
.tbh-special{
  margin-left: 10px;
}
.special-hd:before{
  background-color: #ff5000;
}
.special-hd{
  color: #ff5000;
  border-bottom: 1px solid #f4f4f4;
}

/*实惠专业户*/
.tbh-afford{
  background-color: #fff;
}
.afford-list{
  .item{
    float: left;
    width: 216px;
    height: 200px;
    padding-left: 20px;
    border: 1px solid transparent;
    border-top-color: #f4f4f4;
    border-right-color: #f4f4f4;
    &:hover{
      border-color: #ff5000;
    }
    &:last-child{
      border-right: #fff;
    }
  }
  h4{
    margin-top: 24px;
    height: 26px;
    line-height: 26px;
    font-weight: 400;
    font-size: 18px;
    color: #333;
  }
  img{
    margin-top: 10px;
    width: 120px;
    height: 120px;
  }
  .info{
    padding-left: 131px;
    a{
      display: block;
      width: 76px;
      height: 22px;
      line-height: 22px;
      margin-top: 13px;
      color: #ff5000;
      border: 1px solid #ff5000;
      border-radius: 11px;
      text-align: center;
    }
  }
  .title{
    padding-top: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #333;
  }
  .subtitle{
    font-size: 14px;
    color: #999;
  }
}
.afford-hd:before{
  background-color: #31ba98;
}
.afford-hd{
  color: #31ba98;
}

/*热卖单品*/
.tbh-sale{
  background-color: #fff;
}
.sale-ad{
  overflow: hidden;
  padding-left: 18px;
  padding-bottom: 13px;
  a{
    float: left;
    height: 14px;
    line-height: 14px;
    margin-right: 15px;
    //a{
      color: #999;
    //}
  }
}
.sale-bd{
  li{
    float: left;
    width: 196px;
    padding: 20px;
    border: 1px solid transparent;
    border-top-color: #f4f4f4;
    border-right-color: #f4f4f4;
    border-bottom-color: #f4f4f4;
    &:last-child{
      border-right: #fff;
    }
    &:hover{
      border-color: #ff5000;
    }
    .image{
      display: block;
    }
    .line-1{
      display: block;
      height: 40px;
      line-height: 20px;
      margin: 8px 0;
      color: #666;
      font-size: 14px;
      img{
        position: relative;
        height: 16px;
        width: 28px;
        top: 3px;
        margin-right: 3px;
      }
    }
    .line-2{
      height: 18px;
      margin-bottom: 17px;
      a{
        margin-right: 10px;
        color: #999;
      }
    }
    .line-3{
      height: 22px;
      line-height: 22px;
      .promo{
        span{
          color: #ff5000;
        }
        em{
          margin-left: 2px;
          font-size: 22px;
          color: #ff5000;
        }
      }
      .price{
        color: #999;
        text-decoration: line-through;
      }
      .cell{
        float: right;
        color: #999;
      }
      em{
        font-family: arial;
      }
    }
  }
}
.sale-hd:before{
  background-color: #ff242d;
}
.sale-hd{
  color: #ff242d;
}
.zuanshi{
  height: 170px;
  margin-left: 17px;
  li{
    float: left;
    width: 375px;
    height: 130px;
    margin:20px 11px 0 0;
    border: 2px solid transparent;
    a{
      display: block;
    }
    &:hover{
      border-color: #ff5000;
    }
  }
}
/*猜你喜欢*/
.tbh-hotsale{
  background-color: #fff;
}
.hotsale-bd{
  li {
    position: relative;
    float: left;
    width: 196px;
    height: 312px;
    padding: 20px 20px 0 20px;
    border: 1px solid transparent;
    border-top-color: #f4f4f4;
    border-right-color: #f4f4f4;
    transition: border-color .3s;
    &:hover {
      border-color: #ff5000;
      .item-more{
        display: block;
      }
    }
    h4{
      overflow: hidden;
      height: 44px;
      line-height: 22px;
      margin-top: 7px;
      color: #666;
      font-size: 14px;
      font-weight: 400;
    }
    .info{
      margin-top: 22px;
      height: 24px;
      line-height: 24px;
      font-size: 20px;
      color: #f40;
      em{
        font-size: 12px;
      }
    }
    .item-more{
      position: absolute;
      bottom: 0;
      left: 0;
      width: 236px;
      height: 82px;
      background-color: #ff5000;
      display: none;
      p{
        text-align: center;
      }
    }
    .more-top{
      width: 120px;
      height: 32px;
      margin: 15px auto 0;
      color: #fff;
      font-size: 18px;
      border-bottom: 1px solid #fff;
      span{
        margin-right: 4px;
      }
    }
    .more-bot{
      height: 22px;
      line-height: 22px;
      color: #fff;
      font-size: 12px;
      span{
        font-size: 12px;
      }
    }
  }
}
.hotsale-hd:before{
  background-color: #ff9f00;
}
.hotsale-hd{
  color: #ff9f00;
}
.hotsale-ft{
  position: relative;
  height: 50px;
  background-color: #f4f4f4;
  i{
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -42px;
    width: 84px;
    height: 20px;
    line-height: 20px;
    color: #ccccd0;
    font-size: 18px;
    font-style: normal;
    text-align: center;
    &:before,
    &:after{
      content: "";
      position: absolute;
      top: 50%;
      width: 60px;
      height: 0;
      border-bottom: 1px solid #e6e6e6;
    }
    &:before{
      left: -70px;
    }
    &:after{
      right: -70px;
    }
  }
}

.helper{
  height: 140px;
  padding-top: 40px;
  margin-bottom: 20px;
  .mod{
    float: left;
    width: 25%;
  }
  .mod-wrap{
    padding: 0 20px;
    h4{
      margin-bottom: 5px;
    }
    i{
      font-size: 32px;
      color: #999;
    }
    span{
      margin-left: 12px;
      padding-top: 12px;
      font-size: 16px;
    }
    li{
      float: left;
      margin-right: 10px;
      line-height: 21px;
      a{
        color: #999;
      }
      a:hover{
        color: #f40;
      }
    }
  }
}

/*尾部*/
.footer{
  background-color: #fff;
  span,
  em{
    margin: 0 4px;
    color: #9c9c9c;
  }
  a{
    color: #6c6c6c;
  }
  b{
    margin: 0 3px;
    color: #ddd;
    font-weight: 400;
  }
  em{
    margin-left: 30px;
  }
  p{
    margin-bottom: 8px;
  }
}
.footer-hd{
  padding-top: 7px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  p{
    line-height: 27px;
  }
}
.footer-bd{
  padding-top: 8px;
}

/*固定工具栏*/
.tbh-fixedtool{
  position: absolute;
  top: 478px;
  right: 50%;
  margin-right: -655px;
  width: 50px;
  text-align: center;
  opacity: 0;
  transition: opacity .7s;
  .wangwang{
    position: absolute;
    top: -28px;
    right: 0;
    width: 50px;
    height: 36px;
    line-height: 36px;
    color: #ff7f13;
    font-size: 32px;
    text-align: center;
  }
  a{
    position: relative;
    display: block;
    width: 34px;
    height: 44px;
    padding: 6px 8px 0;
    line-height: 17px;
    font-size: 13px;
    background-color: #fff;
    transition: all .2s;
    &:after{
      content: '';
      position: absolute;
      bottom: -1px;
      left: 8px;
      width: 34px;
      border-bottom: 1px solid #efefef;
      z-index: 1;
    }
    &:last-child{
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
    }
    &:hover,
    &.on{
      color: #fff;
      font-weight: 700;
      background-image: linear-gradient(135deg, #ff971b, #ff5000);
      z-index: 2;
    }
  }
  .fixedtool-1{
    color: #f40;
    height: 40px;
    padding-top: 10px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
  }
  .fixedtool-2{
    color: #f05;
  }
  .fixedtool-3{
    color: #8d7afb;
  }
  .fixedtool-4{
    color: #A8C001;
  }
  .fixedtool-5{
    color: #F40;
  }
  .fixedtool-6{
    display: none;
    i{
      display: block;
      font-size: 14px;
      font-weight: 400;
    }
  }
  .fixedtool-7{
    line-height: 40px;
  }
}
.fixed-show{
  opacity: 1;
}

.last{
  height: 5000px;
  background-color: red;
}